<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03自定义列表</title>
    <style>
        body,
        dl,
        dt,
        dd {
            padding: 0;
            margin: 0;
        }

        dt {
            font-size: 18px;
            font-weight: 700;
            /* 
                上下 10px 外边距
            */
            margin: 10px 0;
        }

        dd {
            margin: 5px;
            padding-left: 10px;
        }
    </style>
</head>

<body>
    <div>
        <!--  -->
        <h1>java学习阶段</h1>
        <dl>
            <dt>第一阶段</dt>
            <dd>java基础语法</dd>
            <dd>java面向对象</dd>
            <dd>java常用API</dd>

            <dt>第二阶段</dt>
            <dd>javaEE基础</dd>
            <dd>JDBC</dd>
            <dd>javaEE项目</dd>
        </dl>

    </div>
</body>

</html>